<template>
<div>
<Header></Header>
    <div class="list_banner" style="background-image: url(lib/images/list_banner_4.jpg);"></div>
    <div class="estate_list index_box_1">
        <ul class="hotel_ul">
             <li v-for="active in list">
            <router-link :to="'/hotel/detail/' + active.id">
            <img width="508" height="240" :src="sftpPathPrefix + active.image" alt="active.title"/>
            </router-link>
            </li>
        </ul>
    </div>
    <Footer></Footer>
</div>
</template>
<script>
import common from "../utils/common";
import Header from "../components/Header.vue";
import Footer from "../components/Footer.vue";
export default {
  components: {
    Header,
    Footer
  },
  mounted: function() {
    this.loadList();
  },
  methods: {
    loadList: function() {
    	var self = this;
    	var url=common.getApiPrefix()+"api/portal/web/article/listById/402881eb63ac22be0163ac23ca3a0000";
    	common.doGet(url,function(data){
    		self.list = data;
    	});
    }
  },
  data: function() {
    return {
    	sftpPathPrefix: common.getFtpPrefix(),
    	list:[]
    };
  }
};
</script>